﻿@model HotelManager.DataAccess.Model.HotelInfosModel


@{
    ViewBag.Title = "Hotel Details";
    string column;
}

<div class="content clearfix">
    <!--breadcrumbs-->
    <nav role="navigation" class="breadcrumbs clearfix">
        <!--top right navigation-->
        <ul class="top-right-nav">
            <li><a href="@Url.Action("SearchHotel", "Search")" title="Back to results">Back to results</a></li>
            <li><a href="@Url.Action("Index", "Home")" title="Change search">Change search</a></li>
        </ul>
        <!--//top right navigation-->
    </nav>
    <!--//breadcrumbs-->

    <!--hotel three-fourth content-->
    <section class="three-fourth">
        <!--gallery-->
        <section class="gallery" id="crossfade">
            <img src="@Url.Content("~/Template/images/slider/img1.jpg")" alt="" width="850" height="531" />
            <img src="@Url.Content("~/Template/images/slider/img2.jpg")" alt="" width="850" height="531" />
            <img src="@Url.Content("~/Template/images/slider/img3.jpg")" alt="" width="850" height="531" />
            <img src="@Url.Content("~/Template/images/slider/img4.jpg")" alt="" width="850" height="531" />
        </section>
        <!--//gallery-->

        <!--inner navigation-->
        <nav class="inner-nav">
            <ul>
                <li class="availability"><a href="#availability" title="Availability">Rooms</a></li>
                <li class="description"><a href="#description" title="Description">Description</a></li>
                <li class="facilities"><a href="#facilities" title="Facilities">Facilities</a></li>
                <li class="reviews"><a href="#reviews" title="Reviews">Reviews</a></li>
                <li class="things-to-do"><a href="#things-to-do" title="Things to do">Things to do</a></li>
            </ul>
        </nav>
        <!--//inner navigation-->

        <!--availability-->
        <section id="availability" class="tab-content">
            <article>
                <h1>Room types</h1>
                <ul class="room-types">
                    <!--room-->
                    @foreach (var roomType in Model.RoomTypes)
                    {
                    <li>
                        <figure class="left">
                            <img src="@Url.Content("~/Template/images/slider/img3.jpg")" alt="" width="270" height="152" />
                            <a href="@Url.Content("~/Template/images/slider/img3.jpg")" class="image-overlay" rel="prettyPhoto[gallery1]"></a>
                        </figure>
                        <div class="meta">
                            <h2>@roomType.Name</h2>
                            <p>
                                Prices are per room<br />
                                20 % VAT Included in price
                            </p>
                            <p>
                                Non-refundable<br />
                                Full English breakfast $ 24.80
                            </p>
                            <a href="javascript:void(0)" title="more info" class="more-info">+ more info</a>
                        </div>
                        <div class="room-information">
                            <div class="row">
                                <span class="first">Max:</span>
                                <span class="second">
                                    <img src="@Url.Content("~/Template/images/ico/person.png")" alt="" />
                                    <img src="@Url.Content("~/Template/images/ico/person.png")" alt="" /></span>
                            </div>
                            <div class="row">
                                <span class="first">Price:</span>
                                <span class="second">@roomType.Price</span>
                            </div>
                            <div class="row">
                                <span class="first">Rooms:</span>
                                <span class="second">01</span>
                            </div>
                            <a href="@Url.Action("Index", "Booking", new { id = roomType.Id })" class="gradient-button" title="Book">Book</a>
                        </div>
                        <div class="more-information">
                            <p>Stylish and individually designed room featuring a satellite TV, mini bar and a 24-hour room service menu.</p>
                            <p><strong>Room Facilities:</strong> Safety Deposit Box, Air Conditioning, Desk, Ironing Facilities, Seating Area, Heating, Shower, Bath, Hairdryer, Toilet, Bathroom, Pay-per-view Channels, TV, Telephone</p>
                            <p><strong>Bed Size(s):</strong> 1 Double </p>
                            <p><strong>Room Size:</strong>  16 square metres</p>
                        </div>
                    </li>
                    }
                    <!--//room-->
                </ul>
            </article>
        </section>
        <!--//availability-->

        <!--description-->
        <section id="description" class="tab-content">
            <article>
                @foreach (var description in Model.Descriptions)
                {
                    <h1>@description.Key</h1>
                    <div class="text-wrap">
                        @foreach (string value in description.Value)
                        {
                            <p>@value</p>
                        }
                    </div>
                }
            </article>
        </section>
        <!--//description-->

        <!--facilities-->
        <section id="facilities" class="tab-content">
            <article>
                @foreach (var facility in Model.Facilities)
                {
                    <h1>@facility.Key</h1>
                    <div class="text-wrap">
                        @{
                    column = facility.Value.Count > 5 ? "three-col" : "";
                        }
                        <ul class="@column">
                            @foreach (string value in facility.Value)
                            {
                                <li>@value</li>     
                            }
                        </ul>
                    </div>
                }
            </article>
        </section>
        <!--//facilities-->

        <!--reviews-->
        <section id="reviews" class="tab-content">
            <article>
                <h1>Hotel Score and Score Breakdown</h1>
                <div class="score">
                    <span class="achieved">@Model.TotalPoint </span>
                    <span>/ 10</span>
                    <p class="info">Based on @Model.VoteTime reviews</p>
                    <p class="disclaimer">Guest reviews are written by our customers <strong>after their stay</strong> at Hotel Best Ipsum.</p>
                </div>

                <dl class="chart">
                    @foreach (var pointRate in Model.RatePoint)
                    {
                        int percent = pointRate.Points * 100 / 10;
                        <dt>@pointRate.Criteria</dt>
                    <dd><span id="data-@pointRate.Id" style="width: @percent%;">@pointRate.Points&nbsp;&nbsp;&nbsp;</span></dd>
                    }
                    

                    @*<dt>Comfort</dt>
                    <dd><span id="data-two" style="width: 60%;">6&nbsp;&nbsp;&nbsp;</span></dd>
                    <dt>Location</dt>
                    <dd><span id="data-three" style="width: 80%;">8&nbsp;&nbsp;&nbsp;</span></dd>
                    <dt>Staff</dt>
                    <dd><span id="data-four" style="width: 100%;">10&nbsp;&nbsp;&nbsp;</span></dd>
                    <dt>Services</dt>
                    <dd><span id="data-five" style="width: 70%;">7&nbsp;&nbsp;&nbsp;</span></dd>
                    <dt>Value for money</dt>
                    <dd><span id="data-six" style="width: 90%;">9&nbsp;&nbsp;&nbsp;</span></dd>*@
                </dl>
            </article>
        </section>
        <!--//reviews-->

        <!--things to do-->
        <section id="things-to-do" class="tab-content">
            <article>
                <h1>London</h1>
                <figure class="left_pic">
                    <img src="@Url.Content("~/Template/images/uploads/london1.jpg")" alt="Things to do - London general" />
                </figure>
                <p class="teaser">London is a diverse and exciting city with some of the best sights and attractions in the world. </p>
                <p>See London from above on the London Eye; meet a celebrity at Madame Tussauds; examine some of the world’s most precious treasures at the British Museum or come face-to-face with the dinosaurs at the Natural History Museum.</p>

                <h1>Sports and nature</h1>
                <figure class="left_pic">
                    <img src="@Url.Content("~/Template/images/uploads/london2.jpg")" alt="Things to do - London Sports and nature" />
                </figure>
                <p class="teaser">London is one of the greenest capitals in the world, with plenty of green and open spaces. There are more than 3000 open spaces.</p>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br />
                    Ut wisi enim ad minim veniam, quis nostrud exerci.
                </p>

                <h1>Nightlife</h1>
                <figure class="left_pic">
                    <img src="@Url.Content("~/Template/images/uploads/london3.jpg")" alt="Things to do - London Nightlife" />
                </figure>
                <p class="teaser">Looking for nightclubs in London? Take a look at our guide to London clubs. Browse for club ideas, regular club nights and one-off events. </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br />
                    Ut wisi enim ad minim veniam, quis nostrud exerci.
                </p>

                <h1>Culture and history</h1>
                <figure class="left_pic">
                    <img src="@Url.Content("~/Template/images/uploads/london4.jpg")" alt="Things to do - London general" />
                </figure>
                <p class="teaser">For a display of British pomp and ceremony, watch the Changing the Guard ceremony outside Buckingham Palace.</p>
                <p>
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br />
                    Ut wisi enim ad minim veniam, quis nostrud exerci.
                </p>
                <hr />
                <a href="#" class="gradient-button right" title="Read more">Read more</a>
            </article>
        </section>
        <!--//things to do-->
    </section>
    <!--//hotel content-->

    <!--sidebar-->
    <aside class="right-sidebar">
        <!--hotel details-->
        <article class="hotel-details clearfix">
            <h1>Best ipsum hotel 
                <span class="stars">
                    <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                    <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                    <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                    <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                </span>
            </h1>
            <span class="address">Marylebone, London</span>
            <span class="rating">8 /10</span>
            <div class="description">
                <p>The Best Ipsum hotel  features over 1,000 luxuriously appointed, individually styled rooms, suites and apartments, each containing unique works of art. </p>
            </div>
            <div class="tags">
                <ul>
                    <li><a href="#" title="Wellness">Wellness</a></li>
                    <li><a href="#" title="Last minute">Last minute</a></li>
                    <li><a href="#" title="Thailand">Thailand</a></li>
                    <li><a href="#" title="SPA">SPA</a></li>
                    <li><a href="#" title="Romantic">Romantic</a></li>
                </ul>
            </div>
        </article>
        <!--//hotel details-->

        <!--testimonials-->
        <article class="testimonials clearfix">
            <blockquote>Loved the staff and the location was just amazing... Perfect!” </blockquote>
            <span class="name">- Jane Doe, Solo Traveller</span>
        </article>
        <!--//testimonials-->

        <!--Need Help Booking?-->
        <article class="default clearfix">
            <h2>Need Help Booking?</h2>
            <p>Call our customer services team on the number below to speak to one of our advisors who will help you with all of your holiday needs.</p>
            <p class="number">1- 555 - 555 - 555</p>
        </article>
        <!--//Need Help Booking?-->

        <!--Why Book with us?-->
        <article class="default clearfix">
            <h2>Why Book with us?</h2>
            <h3>Low rates</h3>
            <p>
                Get the best rates, or get a refund.<br />
                No booking fees. Save money!
            </p>
            <h3>Largest Selection</h3>
            <p>
                140,000+ hotels worldwide<br />
                130+ airlines<br />
                Over 3 million guest reviews
            </p>
            <h3>We’re Always Here</h3>
            <p>
                Call or email us, anytime<br />
                Get 24-hour support before, during, and after your trip
            </p>
        </article>
        <!--//Why Book with us?-->

        <!--Popular hotels in the area-->
        <article class="default clearfix">
            <h2>Popular hotels in the area</h2>
            <ul class="popular-hotels">
                <li>
                    <a href="#">
                        <h3>Plaza Resort Hotel &amp; SPA
									
                            <span class="stars">
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            </span>
                        </h3>
                        <p>From <span class="price">$ 100 <small>/ per night</small></span></p>
                        <span class="rating">8 /10</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>Lorem Ipsum Inn
									
                            <span class="stars">
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            </span>
                        </h3>
                        <p>From <span class="price">$ 110 <small>/ per night</small></span></p>
                        <span class="rating">7 /10</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>Best Eastern London
									
                            <span class="stars">
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            </span>
                        </h3>
                        <p>From <span class="price">$ 125 <small>/ per night</small></span></p>
                        <span class="rating">8 /10</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h3>Plaza Resort Hotel &amp; SPA
									
                            <span class="stars">
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                                <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            </span>
                        </h3>
                        <p>From <span class="price">$ 100 <small>/ per night</small></span></p>
                        <span class="rating">8 /10</span>
                    </a>
                </li>
            </ul>
            <a href="#" title="Show all" class="show-all">Show all</a>
        </article>
        <!--//Popular hotels in the area-->

        <!--Deal of the day-->
        <article class="default clearfix">
            <h2>Deal of the day</h2>
            <div class="deal-of-the-day">
                <a href="hotel.html">
                    <figure>
                        <img src="@Url.Content("~/Template/images/slider/img4.jpg")" alt="" width="230" height="130" />
                    </figure>
                    <h3>Plaza Resort Hotel &amp; SPA
								
                        <span class="stars">
                            <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                            <img src="@Url.Content("~/Template/images/ico/star.png")" alt="" />
                        </span>
                    </h3>
                    <p>From <span class="price">$ 100 <small>/ per night</small></span></p>
                    <span class="rating">8 /10</span>
                </a>
            </div>
        </article>
        <!--//Deal of the day-->
    </aside>
    <!--//sidebar-->
</div>
